  <div id="main">
  <div id="btn-left"></div>
  <div id="banner">
    <p id="smtitle">
      <a href="">最新</a>
      <span> | 最热：</span>
      <a href="">一小时</a>
      <a href="">今日</a>
      <a href="">七天</a>
      <a href="">更多菜谱</a>
    </p>
    <ul id="sum" class="">
      <li>
        <span class="title">最新菜谱</span>
        <ul>
          <li>
            <img src="img/index_img/c1.jpg" alt="">
            <div>
              <div class="dis">
                <p class="fname">肉酱拌面包茄子</p>
                <p class="fhot">0评论 0人气</p>
                <p class="fauthor">纪元杰米3511912325</p>
                <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
              </div>
            </div>
          </li>
          <li>
              <img src="img/index_img/c2.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c3.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c4.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c5.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c6.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c7.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
            <img src="img/index_img/c1.jpg" alt="">
          </li>
        </ul>
      </li>
      <li>
          <span class="title">每小时最热门菜谱</span>
          <ul>
            <li>
              <img src="img/index_img/c11.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
            </li>
            <li>
                <img src="img/index_img/c12.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c13.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c14.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c15.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c16.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c17.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
              <img src="img/index_img/c1.jpg" alt="">
            </li>
          </ul>
      </li>
      <li>
          <span class="title">一周热门菜谱推荐</span>
          <ul>
            <li>
              <img src="img/index_img/c21.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
            </li>
            <li>
                <img src="img/index_img/c22.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c23.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c24.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c25.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c26.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c27.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
              <img src="img/index_img/c1.jpg" alt="">
            </li>
          </ul>
      </li>
      <li>
          <span class="title">今日最受欢迎菜谱</span>
          <ul>
            <li>
              <img src="img/index_img/c31.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
            </li>
            <li>
                <img src="img/index_img/c32.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c33.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c34.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c35.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c36.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
                <img src="img/index_img/c37.jpg" alt="">
                <div>
                  <div class="dis">
                    <p class="fname">肉酱拌面包茄子</p>
                    <p class="fhot">0评论 0人气</p>
                    <p class="fauthor">纪元杰米3511912325</p>
                    <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                    <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                  </div>
                </div>
            </li>
            <li>
              <img src="img/index_img/c1.jpg" alt="">
            </li>
          </ul>
      </li>
      <li>
        <span class="title">最新菜谱</span>
        <ul>
          <li>
            <img src="img/index_img/c1.jpg" alt="">
            <div>
              <div class="dis">
                <p class="fname">肉酱拌面包茄子</p>
                <p class="fhot">0评论 0人气</p>
                <p class="fauthor">纪元杰米3511912325</p>
                <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
              </div>
            </div>
          </li>
          <li>
              <img src="img/index_img/c2.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c3.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c4.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c5.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c6.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
              <img src="img/index_img/c7.jpg" alt="">
              <div>
                <div class="dis">
                  <p class="fname">肉酱拌面包茄子</p>
                  <p class="fhot">0评论 0人气</p>
                  <p class="fauthor">纪元杰米3511912325</p>
                  <p><img src="img/index_img/chushi.png" alt=""><span>22步/大概60分钟</span></p>
                  <p><img src="img/index_img/huohou.png" alt="">煮/家常味</p>
                </div>
              </div>
          </li>
          <li>
            <img src="img/index_img/c1.jpg" alt="">
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div id="btn-right"></div>
  </div>
  <script src="js/lunbo.js"></script>